<template>
  <div class="content">
    <div class="news" v-for="item in newsList" :key="item.id">
      <div class="news-title">{{item.title}}</div>
      <div class="img-container">
        <div class="title-img">
          <img :src="item.url1" alt />
        </div>
        <div class="title-img">
          <img :src="item.url2" alt />
        </div>
        <div class="title-img">
          <img :src="item.url3" alt />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeList",
  data() {
    return {
      newsList: [
        {
          id: 1,
          title: "金卡戴珊设计创立的内衣品牌，却被日本女人说，这是一种侮辱",
          url1:
            "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1901286905,2298574132&fm=173&app=49&f=JPEG?w=218&h=146&s=D9899B57F23D3B989A88D5A203006001",
          url2:
            "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2631734902,892684964&fm=173&app=49&f=PNG?w=218&h=146&s=38E4E0045E691011468C389A0300C080",
          url3:
            "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=115807012,3357018196&fm=173&app=49&f=JPEG?w=218&h=146&s=BC040CD600518194A28BB03903000019"
        },
        {
          id: 2,
          title: "小学生续写《负荆请罪》，老师看了哭笑不得：这周站着听课！",
          url1:
            "https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=4253024445,3814025207&fm=173&app=49&f=JPEG?w=218&h=146&s=540617744DD3EC49047E05DE030080BA",
          url2:
            "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=901369163,2407846589&fm=173&app=49&f=JPEG?w=218&h=146&s=FD071F7431DA4D6C1EEC84C20300E0B7",
          url3:
            "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3538152454,2410650520&fm=173&app=49&f=JPEG?w=218&h=146&s=FDA71F7445126C690EEDD1C20300E0B7"
        },
        {
          id: 3,
          title: "坚持3个瑜伽体式，不止气质和身材会改变，还能拥有好心态和自律",
          url1:
            "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1482465640,3973628447&fm=173&app=25&f=JPEG?w=218&h=146&s=A4BB7397760002F85CACA5F50300902B",
          url2:
            "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3515791565,1692466993&fm=173&app=25&f=JPEG?w=218&h=146&s=8BB24F85F8EA3F076091504B030050D0",
          url3:
            "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=70482910,1931959550&fm=173&app=25&f=JPEG?w=218&h=146&s=8AD8B2FA480142D0438825B50300C056"
        }
      ]
    };
  }
};
</script>

<style lang="stylus" scoped>
.content 
  margin-top 1rem
  width 100%
  .news 
    height: 3rem
    border-bottom 0.02rem solid #c4c4c4
    .news-title 
      font-size 0.3rem
      margin-top 0.5rem
    .img-container 
      width 100%
      margin-top 0.2rem
      background green
      overflow hidden
      .title-img 
        margin 0 0.01rem
        float left
        img 
          width 2.4rem
</style>
